<template>
	<div>
    <div class="flexcc" style="height: 90px; width: 300px; margin-bottom: 20px;">
      <div class="flexc">
        <img src="../../static/img/xiaoluohao.png" style="height: 60px;">
        <div style="font-size: 24px;">管理后台</div>
      </div>

    </div>
    <div class="flexc">
      <router-link class="navli" to="/dianpu">店铺管理</router-link>
      <router-link class="navli" to="/qianming">签名审核</router-link>
      <router-link class="navli" to="/tongzhi" v-if="show">系统更新通知</router-link>
    </div>
	</div>
</template>

<script>
	export default {
		name: 'top',
		data() {
			return {
        show:false
			}
		},
		created() {
      if(JSON.parse(localStorage.getItem('guanliyuan')).id == 200 || JSON.parse(localStorage.getItem('guanliyuan')).id == 2){
        this.show = true
      }


		},
		mounted() {

		},
		methods: {

		}
	}
</script>


<style scoped >
  .navli{ font-weight: bold; color: rgb(2, 12, 29); font-size: 18px; margin: 0px 45px; padding: 10px 0; cursor: pointer; border-bottom: 2px #f6f8fb solid;}
  .router-link-active{ color: rgb(2, 12, 29); font-size: 18px; margin: 0px 45px;  padding: 10px 0; cursor: pointer; border-bottom: 2px rgb(2, 12, 29) solid;}
</style>
